/**
 * 网站头部导航组件
 * 提供网站标题、Logo 和主要导航链接
 * 固定在页面顶部，支持毛玻璃效果
 */

'use client';

import Link from 'next/link';
import { Button } from '@/components/ui/button';
import { BookOpen, Settings } from 'lucide-react';

/**
 * 网站头部组件
 * @returns JSX 元素
 */
export default function Header() {
  return (
    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
      <div className="container flex h-16 items-center justify-between">
        {/* 网站 Logo 和标题 */}
        <Link href="/" className="flex items-center space-x-2">
          <BookOpen className="h-6 w-6" />
          <span className="font-bold text-xl">我的博客</span>
        </Link>
        
        {/* 主导航菜单 */}
        <nav className="flex items-center space-x-4">
          {/* 首页链接 */}
          <Link href="/">
            <Button variant="ghost">首页</Button>
          </Link>
          {/* 管理后台链接 */}
          <Link href="/admin">
            <Button variant="ghost" size="sm">
              <Settings className="h-4 w-4 mr-2" />
              管理后台
            </Button>
          </Link>
        </nav>
      </div>
    </header>
  );
}
